﻿<%@ Page Title="" Language="C#" MasterPageFile="~/MasterPage.master" AutoEventWireup="true" CodeFile="Test.aspx.cs" Inherits="Test" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div style="margin-top: 70px; position:relative;">
        <div style="width: 900px; margin: 0 auto;">
            <ul id="listOfSenders">
                <li data-id="Mia10" style="">Mia</li>
                <li data-id="Lis1" style="">Lis</li>
                <li data-id="Pernille3" style="">Pernille</li>
                <li data-id="Lis11" style="">Lis</li>
                <li data-id="Camilla2" style="">Camilla</li>
                <li data-id="Camilla4" style="">Camilla</li>
                <li data-id="Hanne5" style="">Hanne</li>
                <li data-id="Hanne6" style="">Hanne</li>
                <li data-id="Camilla7" style="">Camilla</li>
                <li data-id="Hanne8" style="">Hanne</li>
                <li data-id="Hanne9" style="">Hanne</li>
            </ul>

            <ul id="newListOfSenders" style="display: none;">
                <li data-id="Pernille3" style="">Pernille</li>
                <li data-id="Lis11" style="">Lis</li>
                <li data-id="Camilla2" style="">Camilla</li>
                <li data-id="Camilla4" style="">Camilla</li>
                <li data-id="Hanne5" style="">Hanne</li>
                <li data-id="Hanne6" style="">Hanne</li>
                <li data-id="Camilla7" style="">Camilla</li>
                <li data-id="Hanne8" style="">Hanne</li>
                <li data-id="Hanne9" style="">Hanne</li>
                <li data-id="Mia10" style="">Mia</li>
                <li data-id="Lis1" style="">Lis</li>
            </ul>
            <ul id="newListOfSenders2" style="display: none;">
                <li data-id="Mia10" style="">Mia</li>
                <li data-id="Lis1" style="">Lis</li>
                <li data-id="Pernille3" style="">Pernille</li>
                <li data-id="Lis11" style="">Lis</li>
                <li data-id="Camilla2" style="">Camilla</li>
                <li data-id="Camilla4" style="">Camilla</li>
                <li data-id="Hanne5" style="">Hanne</li>
                <li data-id="Hanne6" style="">Hanne</li>
                <li data-id="Camilla7" style="">Camilla</li>
                <li data-id="Hanne8" style="">Hanne</li>
                <li data-id="Hanne9" style="">Hanne</li>
            </ul>
            <button onclick="test()" type="button" style="height: 50px; width: 50px;" name="TRYK PÅ MIG" value="TRYK PÅ MIG"></button>
            <button onclick="test2()" type="button" style="height: 50px; width: 50px;" value="TRYK PÅ MIG 2"></button>
            <script>

                function test() {
                    try {
                        $('#listOfSenders').quicksand($('#newListOfSenders li'));
                    } catch (e) {
                        alert(e.message)
                    }
                }

                function test2() {
                    $('#listOfSenders').quicksand($('#newListOfSenders2 li'));
                }
            </script>
        </div>
    </div>
</asp:Content>
